<template>
	<div class="bnaner-box">
		<img src="../assets/img/homebanners.png" />
		<div class="video-box">
			 <video muted  loop autoplay="autoplay" class="video-obj">
			   <source src="https://yjwujian.v.netease.com/2021/1210/933c837f8dfd5052bd66788e9c722e2bqt.mp4" type="video/mp4"/>	 
		    </video>
		</div>
		<div class="img-box">
			<img src="../assets/img/text.jpg" />
		</div>
	</div>
</template>

<script>
	
</script>

<style scoped>
	.bnaner-box {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin-top: 110px;
	}

	.bnaner-box img {
		width: 100%;
	}

	.video-box {
		position: absolute;
		background-color: #000000;
		width: 29%;
		height: 32.2%;
		top: 20%;
		left: 14.8%;
	}
	.video-obj{
		 width: 100%;
		 height: 100%;
	}
	.img-box{
		position: absolute;
		width: 19%;
		height: 26%;
		background-color: #000000;
		right: 29.2%;
		top: 16%;
	}
	.img-box img{
		width: 100%;
		height: 100%;
	}
</style>
